<?php $hdtp=dr_site_value('hdtp');?>
<?php $sydbkslj=dr_site_value('sydbkslj');?>
<?php $aboutusyzt=dr_site_value('aboutusyzt');?>
<?php $aboutusy_ggsjs=dr_site_value('aboutusy_ggsjs');?>
<?php $sytjfl=dr_site_value('sytjfl');?>
<?php $dirname=dr_share_cat_value($cat['pid'], 'name');?>
<?php $dirurl=dr_share_cat_value($cat['pid'], 'url');?>
<?php $lxfs=dr_site_value('lxfs');?>
<?php $shemeixinxi=dr_site_value('shemeixinxi');?>
<?php
if(empty($_COOKIE['language'])){
$language='en';
}
$language = $_COOKIE['language'];
?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
    <title>{usu_fanyi($meta_title, $language)}</title>
    <meta content="{usu_fanyi($meta_keywords, $language)}" name="keywords" />
    <meta content="{usu_fanyi($meta_description, $language)}" name="description" />
    <!-- 系统懒人版js(所有自建模板引用) -->
    <script type="text/javascript">
        var is_mobile_cms = '{IS_MOBILE}';
        var web_dir = '{WEB_DIR}';
    </script>
    <script src="{LANG_PATH}lang.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/js/cms.js" type="text/javascript"></script>
    <!-- 系统懒人版js结束 -->
    <!-- 多语言js -->
    <script type="text/javascript">
        function language(e) {
            var cookies = document.cookie.split(";");
            for (var i = 0; i < cookies.length; i++) {
                var cookie = cookies[i];
                while (cookie.charAt(0) == " ") {
                    cookie = cookie.substring(1);
                }
                if (cookie.indexOf("=") != -1) {
                    var name = cookie.substring(0, cookie.indexOf("="));
                    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
                }
            }
            document.cookie = 'language=' + e + ';path=/';
            document.cookie = 'language=' + e + ';path=/zh';
            location.reload();
        }
    </script>
    {SITE_TONGJI}
</head>

<body class="homepage">
    <div class="main">
        <!-- HEADER START -->
        <header class="header-box">

            <div class="header-middle">
                <div class="header-inner">
                    <div class="header-logo">
                        <div class="header-logo-box">
                            <a href="/"><img alt="Gecko" src="{SITE_LOGO}"></a>
                        </div>
                    </div>
                    <div class="header-inner-right">
                        <div class="header-contact">
                            <ul>
                                <?php if ($lxfs) { $key=0; foreach ($lxfs as $v) { ?>
                                <li class="website-mailbox">{$v[1]}
                                    <a href="{$v[3]}" target="_blank">{$v[2]}</a></li>
                                <?php  $key++; } } ?>
                            </ul>
                        </div>
                    </div>

                    <div class="social-link">
                        <?php if ($shemeixinxi) { $key=0; foreach ($shemeixinxi as $v) { ?>
                        <a href="{$v[3]}" class="{$v[2]}" target="_blank" style="display: flex;justify-content: center;align-items: center;">
                            {$v[1]}
                        </a>
                        <?php  $key++; } } ?>
                    </div>

                    <!--<div class="company-motto">
                	<div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
                </div>
                <div class="clear"></div>
            </div>
            <!--导航栏-->
            <div id="fixedMenu">
                <div class="header-inner">
                    <div class="language">
                        <div class="cur">
                            {if $language =='en'}
                            <e class="en">
                                <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='spa'}
                            <e class="es">
                                <i class="iconflag flag-es"></i>España<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='de'}
                            <e class="de">
                                <i class="iconflag flag-de"></i>Deutsch<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='pt'}
                            <e class="pt">
                                <i class="iconflag flag-pt"></i>Português<i class="iconfont">&#xe635;</i>
                            </e>
                            {else if $language =='fra'}
                            <e class="fr">
                                <i class="iconflag flag-fr"></i>Français<i class="iconfont">&#xe635;</i>
                            </e>
                            {else}
                            <e class="en">
                                <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                            </e>
                            {/if}
                            <ul class="language-list">
                                <li><a href="#" title="English" onclick="language('en')" class="en">English</a></li>
                                <li><a href="#" title="España" onclick="language('spa')" class="es">España</a></li>
                                <li><a href="#" title="Deutsch" onclick="language('de')" class="de">Deutsch</a></li>
                                <li><a href="#" title="Português" onclick="language('pt')" class="pt">Português</a></li>
                                <li><a href="#" title="Français" onclick="language('fra')" class="fr">Français</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-search">
                        <form name="formsearch" id="searchform" action="{WEB_DIR}index.php" method="get">
                            <div class="search-box">
                                <input type="hidden" name="s" value="api">
                                <input type="hidden" name="c" value="api">
                                <input type="hidden" name="m" value="search">
                                <input type="hidden" name="dir" value="news" >
                                <input class="input-text" placeholder="Search entire store here..." type="text" name="keyword" id="keyword">
                                <button class="search-btn" type="submit"><i class="iconfont">&#xe6c9;</i></button>
                            </div>
                        </form>
                    </div>
                    <script>
                    // 这段js是用来执行搜索的
                    function dr_search_module_select(dir, name) {
                        $("#dr_search_module_dir").val("news");
                        $("#dr_search_module_name").html(name + ' <i class="fa fa-angle-down"></i>');
                    }
                    dr_search_module_select('{php echo MOD_DIR ? MOD_DIR : $top_search.dirname}', '{php echo MOD_DIR ? MODULE_NAME : $top_search.name}');
                    </script>
                    <nav class="main-nav" role="navigation">
                        <!-- Mobile menu toggle button (hamburger/x icon) -->
                        <input id="main-menu-state" type="checkbox">
                        <label class="main-menu-btn" for="main-menu-state">
                            <span class="main-menu-btn-icon"></span>
                        </label>
                        <!-- Sample menu definition -->
                        <ul id="main-menu" class="sm sm-blue">
                            <li class="current"><a href="/">Home</a></li>
                            {category module=share pid=0 return=t}
                            <li>
                                <a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                                {if $t.child}
                                <ul>
                                    {category module=share pid=$t.id return=t2}
                                    <li>
                                        <a href="{dr_url_rel($t2.url, SITE_URL)}">{usu_fanyi($t2.name, $language)}</a>
                                        {if $t2.child}
                                        <ul>
                                            {category module=share pid=$t.id return=t3}
                                            <li>
                                                <a href="{dr_url_rel($t3.url, SITE_URL)}">{usu_fanyi($t3.name, $language)}</a>
                                            </li>
                                            {/category}
                                        </ul>
                                        {/if}
                                    </li>
                                    {/category}
                                </ul>
                                {/if}
                            </li>
                            {/category}
                        </ul>
                    </nav>
                </div>
            </div>
            <!--导航栏结束-->

        </header>
        <!-- HEADER END -->
        <!--banner-->
        <div class="banner_sy b_dk">
            <div class="flexslider">
                <ul class="slides">
                    <?php if ($hdtp) { $key=0; foreach ($hdtp as $v) { ?>
                    <li><a href="{$v[3]}" target="_blank"><img src="{dr_get_file($v[1])}"></a></li>
                    <?php  $key++; } } ?>
                </ul>
            </div>
        </div>
        <div class="banner_sy b_dn">
            <div class="flexslider">
                <ul class="slides">
                    <?php if ($hdtp) { $key=0; foreach ($hdtp as $v) { ?>
                    <li><a href="{$v[3]}" target="_blank"><img src="{dr_get_file($v[1])}"></a></li>
                    <?php  $key++; } } ?>
                </ul>
            </div>
        </div>
        <div class="mian-contain">
            <!--focus-->
            <!--<section class="focus">
        	<div class="focus-center">
            	<div class="focus-box">
                	<h1>The most professional website construction company in the world</h1>
                    <p>I have sufficient supply, in line with the principle of survival by quality, based on the principle of good faith, and have contacts with customers all over the world, and enjoy a good reputation. We sincerely welcome friends from all over the world to visit and purchase! We provide one-stop services such as acquisition, packaging, manpower, loading, moving, accommodation and so on. I believe that cooperation with us will be pleasant, pragmatic, efficient and honest.</p>
            	</div>
            </div>
        </section>
        -->
            <!--focus结束-->
            <!--subblock-->
            <section class="subblock wow fadeInDown">
                <div class="category" aos="fade-up" aos-easing="ease" aos-delay="100">
                    <!--<div class="category_title">
                    <h3>Product Categories</h3>
                </div>-->

                    <ul id="">
                        <?php if ($sytjfl) { $key=0; foreach ($sytjfl as $v) { ?>
                        <li>
                            <div class="category-box">
                                <a href="{$v[3]}" class="category-box-zoom"> <img src="{dr_get_file($v[1])}"
                                        alt="Gecko"></a>
                                <div class="category-box-detail">
                                    <div class="category-box-type"><a href="{$v[3]}">
                                            <h2>{usu_fanyi($v[2], $language)}</h2>
                                        </a></div>
                                    <span><a href="{$v[3]}" class="btn">{usu_fanyi('More', $language)}</a></span>
                                </div>
                            </div>
                        </li>
                        <?php  $key++; } } ?>
                    </ul>
                </div>
            </section>

            <!--subblock end-->
            <!-- About Us -->
            <section class="index-about">
                <div class="index-about-center">
                    <div class="index-about-box">
                        <div class="index-about-l wow slideInLeft" aos="fade-right" aos-easing="ease" aos-delay="100">
                            <div class="index-about-t"><span>{usu_fanyi('About us', $language)}</span></div>
                            <!--<div class="th"><a href="about-us.html">An overseas fruit trading company</a></div>-->
                            <p>{usu_fanyi($aboutusy_ggsjs, $language)}</p>
                            <span><a href="/about/">{usu_fanyi('Details', $language)}</a></span>
                        </div>
                        <div class="index-about-r wow slideInRight" aos="fade-left" aos-easing="ease" aos-delay="100">
                            <div class="index-about-r-frame">
                                <img src="{dr_get_file($aboutusyzt)}" alt="#">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- About Us end-->
            <!-- Featured Products -->
            <section class="featured-products wow fadeInDown">
                <div class="featured-products-center" aos="fade-up" aos-easing="ease" aos-delay="100">
                    <div class="category_title">
                        <h3>{usu_fanyi('FEATURED PRODUCTS', $language)}</h3>
                    </div>

                    <div class="roll-box">
                        <div id="roll-img" class="owl-carousel align_center">
                            {module module=news catid=2 flag=1}
                            <div class="item">
                                <div class="featured-products-box">
                                    <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t['title'], $language)}"><img
                                            src="{dr_get_file($t['thumb'])}"
                                            alt="{usu_fanyi($t['title'], $language)}"></a>
                                </div>
                                <div class="featured-products-text">
                                    <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t['title'], $language)}">
                                        <h3>{usu_fanyi($t['title'], $language)}</h3>
                                    </a>
                                </div>
                            </div>
                            {/module}
                        </div>
                    </div>
                </div>
            </section>
            <!-- Featured Products end-->
            <!--hot-products-->
            <section class="hot-products wow fadeInDown">
                <div class="hot-products-center" aos="fade-up" aos-easing="ease" aos-delay="100">
                    <div class="category_title">
                        <h3>{usu_fanyi('HOT PRODUCTS', $language)}</h3>
                    </div>
                    <div class="roll-box">
                        <div id="roll-img2" class="owl-carousel align_center">
                            {module module=news catid=2 flag=2}
                            <div class="item">
                                <div class="hot-products-box">
                                    <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t['title'], $language)}">
                                        <img src="{dr_get_file($t['thumb'])}" alt="#">
                                    </a>
                                </div>
                                <div class="hot-products-text">
                                    <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t['title'], $language)}">
                                        <h3>{usu_fanyi($t['title'], $language)}</h3>
                                    </a>
                                </div>
                            </div>
                            {/module}
                        </div>
                    </div>
                </div>
            </section>
            <!--hot-products end-->
            <!--case-->
            <section class="index-case wow fadeInDown">
                <div class="index-case-center" aos="fade-up" aos-easing="ease" aos-delay="100">
                    <div class="index-case-t"><span>{usu_fanyi('Case', $language)}</span></div>
                    <div class="index-case-box">
                        <ul>
                            {module module=news catid=4 num=0,4}
                            <li>
                                <div class="item">
                                    <div class="index-case-box-frame"><a href="{dr_url_rel($t.url, SITE_URL)}"><img
                                                src="{dr_get_file($t['thumb'])}" alt="#"></a></div>
                                    <div class="index-case-box-text">
                                        <div class="th"><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.title, $language)}</a></div>
                                        <p>{dr_strcut($t['description'], 100, '...')}</p>
                                        <span><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('Details', $language)}</a></span>
                                    </div>
                                </div>
                            </li>
                            {/module}
                        </ul>
                    </div>
                </div>
            </section>
            <!--case end-->
            <!--news-->
            <section class="index-news wow fadeInDown">
                <div class="index-news-center" aos="fade-up" aos-easing="ease" aos-delay="100">
                    <div class="index-news-t"><span>News</span></div>
                    <div class="index-news-box">
                        <ul>
                            {module module=news catid=1 num=0,3}
                            <li>
                                <a href="news-page.html">
                                    <div class="item">
                                        <div class="th"><strong>{usu_fanyi($t.title, $language)}</strong></div>
                                        <p>{dr_strcut($t['description'], 100, '...')}</p>
                                        <span><b>{dr_date($t['_updatetime'], 'Y')}</b><i>{dr_date($t['_updatetime'], 'm-d')}</i></span>
                                    </div>
                                </a>
                            </li>
                            {/module}
                        </ul>
                    </div>
                </div>
            </section>
            <!--news end-->
            <!--quick-links-->

            <!--<section class="derivative">
        	<div class="derivative-center">
       			<div class="derivative-box">
                	<ul>
                    	<li><a href="#"><h5>Product category name</h5></a></li>
                        <li><a href="#"><h5>Product category name</h5></a></li>
                        <li><a href="#"><h5>Product category name</h5></a></li>
                        <li><a href="#"><h5>Product category name</h5></a></li>
                        <li><a href="#"><h5>Product category name</h5></a></li>
                        <li><a href="#"><h5>Product category name</h5></a></li>
                    </ul>
                </div>
            </div>
        </section>
        -->
            <!--quick-links end-->

            <!--FOOTER -->
            {template footer.html}
            <script>
                //手机端底部折叠
                $('.sidebar-block-but').on("click", function () {
                    $(".sidebar-box").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
                $('.footer-content-but').on("click", function () {
                    $(".footer-main").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
            </script>
            <!-- END FOOTER -->
        </div>
    </div>

    <!-- 网站上传图片建议 -->
    <!-- <div class="zhushi">
        <b>注释：</b>本网站图片大小需求建议如下（单位：px/宽*高）<br>
        一、logo（宽190px*高60px）<br>
        二、PC端首页幻灯图（宽1920px*高705px）<br>
        三、手机端首页幻灯图（宽750px*高420px）<br>
        四、产品分类图（宽490px*高345px）<br>
        五、产品图（宽高为700px-500px之间即可）<br>
        六、新闻图（宽500px*高295px）<br>
        七、工厂展示（建议宽600-700px*高度可自定义）<br>
        八、公司简介（建议宽760px*高470px）<br>
        九、案例图（宽380px*高250px）<br>
        十、证书（宽度大于700px*高度可自定义）
    </div> -->
    <style>
        .zhushi {
            border: 1px solid #E3E3E3;
            padding: 10px;
            position: fixed;
            right: 10px;
            width: 218px;
            color: #C00;
            background-color: #FFF;
            font-size: 12px;
            bottom: 50px;
            z-index: 3;
        }

        @media screen and (max-width:1024px) {
            .zhushi {
                display: none;
            }
        }
    </style>
    <!-- 网站上传图片建议结束 -->
    <!--右侧漂浮-->
    <!-- <div class="im">
        <label class="im-l" for="select"><i class="iconfont">&#xe697;</i></label>
        <input type="checkbox" id="select">
        <div class="box">
            <ul>
                <li><a href="#"><i class="iconfont img-skype">&#xec02;</i></a></li>
                <li><a href="#"><i class="iconfont img-whatsapp">&#xe72c;</i></a></li>
                <li><a href="#"><i class="iconfont img-envelope">&#xe61d;</i></a></li>
                <li><a href="#"><i class="iconfont img-user">&#xe8f8;</i></a></li>
            </ul>
        </div>
    </div> -->
    <!--返回顶部-->
    <div class="scroll" id="scroll" style="display:none;">
        <i class="iconfont">&#xe637;</i>
    </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
    new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
    /* ------------ Newslater-popup JS Start ------------- */
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#newslater-popup'
            },
            type: 'inline'
        }, 0);
    });
    /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    // SmartMenus init
    $(function () {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8
        });
    });

    // SmartMenus mobile menu toggle button
    $(function () {
        var $mainMenuState = $('#main-menu-state');
        if ($mainMenuState.length) {
            // animate mobile menu
            $mainMenuState.change(function (e) {
                var $menu = $('#main-menu');
                if (this.checked) {
                    $menu.hide().slideDown(250, function () {
                        $menu.css('display', '');
                    });
                } else {
                    $menu.show().slideUp(250, function () {
                        $menu.css('display', '');
                    });
                }
            });
            // hide mobile menu beforeunload
            $(window).bind('beforeunload unload', function () {
                if ($mainMenuState[0].checked) {
                    $mainMenuState[0].click();
                }
            });
        }
    });
</script>
<!--导航栏置顶固定-->
<script>
    $(function () {
        var ie6 = document.all;
        var dv = $('#fixedMenu'),
            st;
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('otop'))) {
                if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
                    dv.css({
                        position: 'absolute',
                        top: st
                    });
                } else if (dv.css('position') != 'fixed') dv.css({
                    'position': 'fixed',
                    top: 0
                });
                dv.addClass("top-fixed")
                $('.inner-page-main').addClass("mh")
            } else if (dv.css('position') != 'static') {
                dv.css({
                    'position': 'static'
                });
                dv.removeClass("top-fixed")
                $('.inner-page-main').removeClass("mh")
            }
        });
    });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        showScroll();

        function showScroll() {
            $(window).scroll(function () {
                var scrollValue = $(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
            });
            $('#scroll').click(function () {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
        }
    })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
    $(function () {
        initSidebarClicker('span', '+', '-')
    })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
    console.log($('.ps-current [class^="elt"]').length)
    $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
    $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });
</script>

</html>